﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.3 音乐设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_3_音乐设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/1_3_音乐设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u198" class="ax_default box_3">
        <div id="u198_div" class=""></div>
        <div id="u198_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u199" class="ax_default ellipse">
        <img id="u199_img" class="img " src="images/1_1_闹钟设定/u56.svg"/>
        <div id="u199_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u200" class="ax_default ellipse">
        <img id="u200_img" class="img " src="images/1_1_闹钟设定/u56.svg"/>
        <div id="u200_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u201" class="ax_default ellipse">
        <img id="u201_img" class="img " src="images/1_1_闹钟设定/u56.svg"/>
        <div id="u201_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u202" class="ax_default" data-left="124" data-top="152" data-width="414" data-height="33">

        <!-- Unnamed (矩形) -->
        <div id="u203" class="ax_default _形状">
          <div id="u203_div" class=""></div>
          <div id="u203_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u204" class="ax_default" data-left="132" data-top="164" data-width="50" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u205" class="ax_default _形状">
            <img id="u205_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
            <div id="u205_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u206" class="ax_default _形状">
            <img id="u206_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
            <div id="u206_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u207" class="ax_default _形状">
            <img id="u207_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
            <div id="u207_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u208" class="ax_default _形状">
            <img id="u208_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
            <div id="u208_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u209" class="ax_default _形状">
            <img id="u209_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
            <div id="u209_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u210" class="ax_default" data-left="496" data-top="162" data-width="34" data-height="14">

          <!-- Unnamed (矩形) -->
          <div id="u211" class="ax_default _形状">
            <div id="u211_div" class=""></div>
            <div id="u211_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u212" class="ax_default _形状">
            <div id="u212_div" class=""></div>
            <div id="u212_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u213" class="ax_default _形状">
            <div id="u213_div" class=""></div>
            <div id="u213_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u214" class="ax_default _文本段落" data-label="Header 2">
        <div id="u214_div" class=""></div>
        <div id="u214_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u215" class="ax_default _文本段落" data-label="Header 2">
        <div id="u215_div" class=""></div>
        <div id="u215_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u216" class="ax_default _文本段落" data-label="Header 2">
        <div id="u216_div" class=""></div>
        <div id="u216_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u217" class="ax_default line">
        <img id="u217_img" class="img " src="images/1_1_闹钟设定/u59.svg"/>
        <div id="u217_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u218" class="ax_default _文本段落">
        <div id="u218_div" class=""></div>
        <div id="u218_text" class="text ">
          <p><span>12&nbsp; &nbsp;&nbsp; :&nbsp; &nbsp; 50</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u219" class="ax_default _文本段落">
        <div id="u219_div" class=""></div>
        <div id="u219_text" class="text ">
          <p><span>11&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 45</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u220" class="ax_default _文本段落">
        <div id="u220_div" class=""></div>
        <div id="u220_text" class="text ">
          <p><span>13&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 55</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u221" class="ax_default _文本段落">
        <div id="u221_div" class=""></div>
        <div id="u221_text" class="text ">
          <p><span>闹钟将于&nbsp;&nbsp; 上午12:50&nbsp; 响起</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u222" class="ax_default _图片_">
        <img id="u222_img" class="img " src="images/1_1_闹钟设定/u60.svg"/>
        <div id="u222_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u223" class="ax_default box_1">
        <div id="u223_div" class=""></div>
        <div id="u223_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u224" class="ax_default" data-left="598" data-top="222" data-width="144" data-height="135">

        <!-- Unnamed (图片 ) -->
        <div id="u225" class="ax_default image">
          <img id="u225_img" class="img " src="images/1_1_闹钟设定/u106.png"/>
          <div id="u225_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u226" class="ax_default _文本段落" data-label="Header 2">
          <div id="u226_div" class=""></div>
          <div id="u226_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u227" class="ax_default box_3">
        <div id="u227_div" class=""></div>
        <div id="u227_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u228" class="ax_default _连接">
        <img id="u228_seg0" class="img " src="images/1_3_音乐设置/u228_seg0.svg" alt="u228_seg0"/>
        <img id="u228_seg1" class="img " src="images/1_3_音乐设置/u228_seg1.svg" alt="u228_seg1"/>
        <div id="u228_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u229" class="ax_default image">
        <img id="u229_img" class="img " src="images/1_3_音乐设置/u229.png"/>
        <div id="u229_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u230" class="ax_default" data-left="786" data-top="152" data-width="414" data-height="33">

        <!-- Unnamed (组合) -->
        <div id="u231" class="ax_default" data-left="786" data-top="152" data-width="414" data-height="33">

          <!-- Unnamed (矩形) -->
          <div id="u232" class="ax_default _形状">
            <div id="u232_div" class=""></div>
            <div id="u232_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u233" class="ax_default" data-left="794" data-top="164" data-width="50" data-height="7">

            <!-- Unnamed (矩形) -->
            <div id="u234" class="ax_default _形状">
              <img id="u234_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
              <div id="u234_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u235" class="ax_default _形状">
              <img id="u235_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
              <div id="u235_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u236" class="ax_default _形状">
              <img id="u236_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
              <div id="u236_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u237" class="ax_default _形状">
              <img id="u237_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
              <div id="u237_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u238" class="ax_default _形状">
              <img id="u238_img" class="img " src="images/1_1_闹钟设定/u68.svg"/>
              <div id="u238_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u239" class="ax_default" data-left="1158" data-top="162" data-width="34" data-height="14">

            <!-- Unnamed (矩形) -->
            <div id="u240" class="ax_default _形状">
              <div id="u240_div" class=""></div>
              <div id="u240_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u241" class="ax_default _形状">
              <div id="u241_div" class=""></div>
              <div id="u241_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u242" class="ax_default _形状">
              <div id="u242_div" class=""></div>
              <div id="u242_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u243" class="ax_default _文本段落" data-label="Header 2">
          <div id="u243_div" class=""></div>
          <div id="u243_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u244" class="ax_default _文本段落" data-label="Header 2">
          <div id="u244_div" class=""></div>
          <div id="u244_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u245" class="ax_default _文本段落" data-label="Header 2">
          <div id="u245_div" class=""></div>
          <div id="u245_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u246" class="ax_default _文本段落">
        <div id="u246_div" class=""></div>
        <div id="u246_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u247" class="ax_default line">
        <img id="u247_img" class="img " src="images/1_1_闹钟设定/u59.svg"/>
        <div id="u247_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u248" class="ax_default _文本段落">
        <div id="u248_div" class=""></div>
        <div id="u248_text" class="text ">
          <p><span>音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u249" class="ax_default" data-left="794" data-top="328" data-width="144" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u250" class="ax_default ellipse">
          <img id="u250_img" class="img " src="images/1_3_音乐设置/u250.svg"/>
          <div id="u250_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u251" class="ax_default _文本段落">
          <div id="u251_div" class=""></div>
          <div id="u251_text" class="text ">
            <p><span>Music one</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u252" class="ax_default" data-left="794" data-top="378" data-width="141" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u253" class="ax_default ellipse">
          <img id="u253_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u253_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u254" class="ax_default _文本段落">
          <div id="u254_div" class=""></div>
          <div id="u254_text" class="text ">
            <p><span>Music two</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u255" class="ax_default" data-left="794" data-top="428" data-width="156" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u256" class="ax_default ellipse">
          <img id="u256_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u256_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u257" class="ax_default _文本段落">
          <div id="u257_div" class=""></div>
          <div id="u257_text" class="text ">
            <p><span>Music three</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u258" class="ax_default" data-left="794" data-top="478" data-width="145" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u259" class="ax_default ellipse">
          <img id="u259_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u259_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u260" class="ax_default _文本段落">
          <div id="u260_div" class=""></div>
          <div id="u260_text" class="text ">
            <p><span>Music four</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u261" class="ax_default" data-left="794" data-top="528" data-width="141" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u262" class="ax_default ellipse">
          <img id="u262_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u262_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u263" class="ax_default _文本段落">
          <div id="u263_div" class=""></div>
          <div id="u263_text" class="text ">
            <p><span>Music five</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u264" class="ax_default" data-left="794" data-top="578" data-width="135" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u265" class="ax_default ellipse">
          <img id="u265_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u265_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u266" class="ax_default _文本段落">
          <div id="u266_div" class=""></div>
          <div id="u266_text" class="text ">
            <p><span>Music six</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u267" class="ax_default box_1">
        <div id="u267_div" class=""></div>
        <div id="u267_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 选择歌曲&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 离开地球表面-五月天</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u268" class="ax_default" data-left="794" data-top="678" data-width="154" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u269" class="ax_default ellipse">
          <img id="u269_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u269_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u270" class="ax_default _文本段落">
          <div id="u270_div" class=""></div>
          <div id="u270_text" class="text ">
            <p><span>Music eight</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u271" class="ax_default ellipse">
        <img id="u271_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
        <div id="u271_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u272" class="ax_default" data-left="794" data-top="628" data-width="164" data-height="35">

        <!-- Unnamed (圆形) -->
        <div id="u273" class="ax_default ellipse">
          <img id="u273_img" class="img " src="images/1_3_音乐设置/u253.svg"/>
          <div id="u273_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u274" class="ax_default _文本段落">
          <div id="u274_div" class=""></div>
          <div id="u274_text" class="text ">
            <p><span>Music seven</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u275" class="ax_default _文本段落">
        <div id="u275_div" class=""></div>
        <div id="u275_text" class="text ">
          <p><span>使用我的音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u276" class="ax_default line">
        <img id="u276_img" class="img " src="images/1_1_闹钟设定/u59.svg"/>
        <div id="u276_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u277" class="ax_default box_1">
        <div id="u277_div" class=""></div>
        <div id="u277_text" class="text ">
          <p><span>1.在【闹钟-首页】中右上角显示音乐设置的图标，用户可点击图标进入【音乐设置】页面。</span></p><p><span><br></span></p><p><span>2.闹钟音乐：</span></p><p><span>用户可点击任意一首闹钟音乐试听，点击后为“选中状态”，其余歌曲为“非选中状态”</span></p><p><span><br></span></p><p><span>3.使用我的音乐：用户可选择已保存到手机的音乐歌单，选择任意一首作为闹钟音乐。</span></p><p><span><br></span></p><p><span>4.点击“返回”后不会保存当前设置，只有点击右上角“完成”后才会保存当前设置并返回到【闹钟-首页】页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u278" class="ax_default _文本段落">
        <div id="u278_div" class=""></div>
        <div id="u278_text" class="text ">
          <p><span>闹钟音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u279" class="ax_default _文本段落">
        <div id="u279_div" class=""></div>
        <div id="u279_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u280" class="ax_default _文本段落">
        <div id="u280_div" class=""></div>
        <div id="u280_text" class="text ">
          <p><span>闹钟-首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u281" class="ax_default _文本段落">
        <div id="u281_div" class=""></div>
        <div id="u281_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u282" class="ax_default _文本段落">
        <div id="u282_div" class=""></div>
        <div id="u282_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
